﻿body {
 
}

.wrapper{
   position: relative;
   float: left;
   left: 0px;
   width: 98%;
   margin-bottom: 10px;
   background-color: #cccccc
}


#maparea {
   position: relative;
   float: left;
   left: 5px;
   width: 70%;
   height: 500px;
   background-color: #808080
}

#side {
   position: relative;
   float: left;
   left: 15px;
   width: 30%;
   height: 500px;
   background-color: #ff6a00
}

#infoarea {
   position: relative;
   float: left;
   left: 0px;
   width: 100%;
   height: 300px;
   background-color: #e4a716;
   overflow:scroll;
}

#postmessage {
 position: relative;
   float: left;
   left: 0px;
   width: 100%;
   height: 200px;
   background-color: #e4b716
}

#message {
    width:300px;
}